<!--
 * @Author: your name
 * @Date: 2020-02-25 13:32:39
 * @LastEditTime: 2020-03-19 13:47:30
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \福路德扫码系统\html\cksm.html
 -->
<!doctype html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport"
		content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0,viewport-fit=cover" />
	<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	<title>Hello APP</title>
	<link rel="stylesheet" type="text/css" href="../css/vant.css">
	<link rel="stylesheet" type="text/css" href="../css/base.css" />
	<link rel="stylesheet" type="text/css" href="../css/local.css" />
	<script type="text/javascript" src="../script/jquery.js"></script>
	<script type="text/javascript" src="../script/vue.min.js"></script>
	<script type="text/javascript" src="../script/vant.min.js"></script>
	<script type="text/javascript" src="../script/fastclick.js"></script>
	<script type="text/javascript" src="../script/base.js"></script>
	<script type="text/javascript" src="../script/app-tree.js"></script>
	<style type="text/css">
		.van-nav-bar {
			box-shadow: none;
		}

		.van-hairline--bottom::after {
			border-bottom-width: 0;
		}

		#app>.box>.content {
			background: #ffffff;
		}

		.pd {
			padding: 10px;
		}

		.header {
			padding: 10px;
		}

		.header img {
			width: 50px;
		}

		.name {
			padding-top: 9px;
			color: #343434;
		}

		.com {
			color: #727272;
			font-size: 13px;
			margin-top: 5px;
		}

		.data {
			border-radius: 10px;
			/* background-image: linear-gradient(to bottom right, #5398fc, #6473e3);
			color: #fff; */
			padding: 10px;
			text-align: center;
			/* box-shadow: 0px 0px 5px 0px #6674d2; */
		}

		.data-num {
			/* font-weight: 700; */
			font-size: 23px;
		}

		.data-title {
			padding-top: 5px;
			font-size: 12px;
			font-weight: 100;
		}

		.bbc {
			border-bottom: 5px solid #efefef;
			padding-bottom: 20px;
		}
		.m *{
			vertical-align: middle;
			color: #9a9a9a;
		}
		.m img{
			height: 20px;
			margin-right: 5px;
		}
		.sha{
			/* box-shadow: 0px 1px 5px rgb(200, 198, 198); */
		}
	</style>
</head>

<body>
	<div id="app" v-cloak>
		<div class="box">
			<van-nav-bar-main title="个人中心"></van-nav-bar-main>
			<div class="content">
				<div class="flex-box pd">
					<div>
						<div class="header">
							<img src="../image/we_header.png" />
						</div>
					</div>
					<div class="flex-main">
						<div class="name">{{userData.UserName}}</div>
						<div class="com">宁波劳伦斯表面技术有限公司</div>
					</div>
				</div>
				<!-- <div class="pd bbc">
					<div class="data">
						<van-row>
							<van-col :span="8">
								<div class="data-num">4</div>
								<div class="data-title">待审批</div>
							</van-col>
							<van-col :span="8">
								<div class="data-num">4</div>
								<div class="data-title">未发起</div>
							</van-col>
							<van-col :span="8">
								<div class="data-num">4</div>
								<div class="data-title">待查看</div>
							</van-col>
						</van-row>
					</div>
				</div> -->
				<div class="pd">
					<div class="sha">
						<van-cell is-link @click="openWin('userInfo')">
							<div class="m">
								<img slot="icon" src="../image/p-1.png" />
								<span>个人资料</span>
							</div>
						</van-cell>
						<van-cell is-link @click="openWin('companyInfo')">
							<div class="m">
								<img slot="icon" src="../image/p-3.png" />
								<span>企业信息</span>
							</div>
						</van-cell>
						<van-cell is-link @click="openWin('setting')">
							<div class="m">
								<img slot="icon" src="../image/p-2.png" />
								<span>设置</span>
							</div>
						</van-cell>
						<van-cell is-link @click="openWin('downloadInfo')">
							<div class="m">
								<img slot="icon" src="../image/p-4.png" />
								<span>下载二维码</span>
							</div>
						</van-cell>
					</div>

				</div>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript">
	var vm;
	apiready = function () {

		APP.exitApp();


		vm = new Vue({
			el: '#app',
			data: {
				showLoading: false,
				userData: APP.getUserInfo()
			},
			created: function () {
				var that = this;

			},
			methods: {
				openWin:function(pageName) {
					var that = this;

					api.openWin({
						name: pageName,
						url: pageName + '.html',
						reload: true,
						slidBackEnabled: false,
						allowEdit:true,
						pageParam: {

						}
					})
				}

			}
		})
	};
</script>

</html>
